.horizontal {padding: 10px;}
.horizontal li {background: #fff;display: flex;align-items: center;overflow: hidden;
    margin-bottom: 10px;padding: 10px;border-radius: 10px;}
.horizontal li img {flex-shrink: 0;width: 125px;height: 125px;background: #fff;display: flex;}
.hor-content {flex-grow: 1;font-size: 11px;padding:8px 10px 8px 12px;}
.hor-content .hor-price {position: relative;align-items: flex-end;display: flex;margin: 8px 0;}
.hor-content .hor-price>:first-child {line-height: 16px;font-size: 16px;color: #f41e1e;}
.hor-content .hor-price>:nth-child(2) {margin-left: 10px;text-decoration: line-through;
    font-size: 10px;color: #999999;}
.hor-content .hor-price>:last-child {position: absolute;right: 0;}
.hor-content .hor-favorable {display: flex;align-items: flex-end;}
.hor-content .hor-favorable>:first-child {height: 18px;text-align: center;
    line-height: 18px;font-size: 12px;color: #ffffff;padding: 0 6px;
    border-radius: 10px;background-image: linear-gradient(90deg, #ff4425 0%, #ff2323 100%);}
.hor-content .hor-favorable>:last-child {padding: 0 6px;height: 14px;text-align: center;
    line-height: 14px;font-size: 10px;margin-left: 10px;border-radius: 10px;background: #ffd006;}
.content li .title {line-height: 16px;font-size: 14px;font-weight: bold;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.content .min-title {overflow: hidden;font-size: 10.5px;text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content li .min-title .tm {color: #ffffff;line-height: 13px;background: #ff0c3f;
    border-radius: 2px;padding: 1px 2px;margin-right: 3px;}
.content li .min-title .tb {color: #ffffff;line-height: 13px;
    background-image: linear-gradient(90deg, #ff8f00 0%, #ff5300 100%);border-radius: 2px;
    padding: 1px 2px;margin-right: 3px;}
.vertical {padding: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.vertical li {font-size: 11px;width: 3.3rem;background: #fff;border-radius: 10px;
    overflow: hidden;margin-bottom: 15px;padding-bottom: 10px;}
.ver-img {width: 100%;height: 3.3rem;overflow: hidden;}
.ver-img img {margin: 0;padding: 0;width: 100%;height: 100%;object-fit: cover;}
.vertical .title {padding: 5px 10px 0;}
.vertical .min-title {padding: 2px 10px;}
.vertical .ver-price {display: flex;justify-content: space-between;padding: 5px 0 5px 10px;}
.vertical .price-left>:first-child {line-height: 16px;font-size: 16px;color: #f41e1e;}
.vertical .price-left>:nth-child(2) {text-decoration: line-through;font-size: 10px;color: #999999;}
.vertical .price-right {color: #fff;font-size: 12px;line-height: 22px;height: 22px;padding: 0 5px 0 8px;
    border-top-left-radius: 20px;border-bottom-left-radius: 20px;
    background-image: linear-gradient(90deg, #ff4425 0%, #ff2323 100%);}
.vertical .ver-favorable {padding: 5px 10px;display: flex;align-items: flex-end;justify-content: space-between;}
.vertical .ver-favorable>:last-child {font-size: 10px;height: 14px;line-height: 14px;padding: 0 6px;
    border-radius: 10px;background: #ffd006;}
.content .sales{font-size: 9.5px !important;color: #666666 !important;}
